Ext.onReady(function(){
	var processHistoryPanel=Ext.create('component.proces.history',{
         processInstanceId: procInstId,
         minHeight:100,
         colspan:2,
		 contextPath:contextPath
    });
	var hisAuditRecords = Ext.create('component.his.audit.records',{
		businessId: subscribeId,
		//延期签约编号: BusinessAbnormaEnum
		businessType: "9",
		showGrid: showGrid,
        contextPath:contextPath,
        colspan:2
	});
    processHistoryPanel.setAutidStatusName(auditStatus);
    processHistoryPanel.setProcesHistoryVisible(processFlag);
    console.log("businessAbnormaId = " + businessAbnormaId);
	   var fileAttachment = Ext.create('component.file.attachment',{
           objectId: businessAbnormaId,
           imageType: "6",
           contextPath:contextPath,
           colspan:2
      });
	   var fromPanelInfo = Ext.create('Ext.form.FormPanel',{
		    renderTo:Ext.getBody(),
		    titleAlign:'center',
	        title:'延期签约申请审批单',
		    border: true,
		    layout:{
		    	 type: 'table',
                 columns: 2,
                 tableAttrs: {　　//在这儿控制table标签中的Attrs属性
                     border: 1,
                     cellpadding: 5,
                     cellspacing: 1,
                     width: '95%',
                     align: 'center',
                     style: "border:1px solid gray;border-collapse:collapse;margin:0 auto;text-align:center;"
                 },
                 tdAttrs: {　　//控制td标签的属性，以上用法都是在ext的api中查到，同样的方式可以给tr添加属性
                     width: '100px',
                     height: '40px',
                     style: "padding:5px",
                     valign: 'middle'
                 }
		    },
			 items:[{
				    xtype:'displayfield',
				    fieldLabel: '房产名称',
				    name: 'roomName'
				},{
				    xtype:'displayfield',
				    fieldLabel: '申请日期',
				    name: 'tcCreateTime'
				},{
				    xtype:'displayfield',
				    fieldLabel: '客户名称',
				    name: 'customerName'
				},{
				    xtype:'displayfield',
				    fieldLabel: '房产类型',
				    name: 'propertyTypeName'
				},{
				    xtype:'displayfield',
				    fieldLabel: '计价面积(㎡)',
				    name: 'calculateArea'
				},{
				    xtype:'displayfield',
				    fieldLabel: '折前单价(元)',
				    name: 'conversionPrice'
				},{
				    xtype:'displayfield',
				    fieldLabel: '折前总价(元)',
				    name: 'lumpsumPrice'
				},{
				    xtype:'displayfield',
				    fieldLabel: '折扣金额(元)',
				    name: 'discountAmount'
				},{
				    xtype:'displayfield',
				    fieldLabel: '签约单价(元)',
				    name: 'subscribePrice'
				},{
				    xtype:'displayfield',
				    fieldLabel: '签约总价(元)',
				    name: 'subscribeAmount'
				},{
				    xtype:'displayfield',
				    fieldLabel: '认购金(元)',
				    name: 'depositReceivable'
				},{
				    xtype:'displayfield',
				    fieldLabel: '认购日期',
				    name: 'subscribeDate',
				},{
				    xtype:'displayfield',
				    fieldLabel: '认购转签约日期',
				    name: 'conversionSignDate',
				    id:'conversionSignDate'
				},{
				    xtype:'displayfield',
				    fieldLabel: '认购明细',
				    value: '<a target="_blank" href="'+contextPath+'/customer/subscribe/toView?id='+subscribeId+'&processFlag=processHistoryShow">点击查看认购明细</a>',
				},{
					xtype:'displayfield',
				    fieldLabel: '延期到日期',
				    name: 'delayDate',
				    id:'delayDate'
				    
				},{
				    xtype:'displayfield',
				    fieldLabel: '延期天数',
				    name:'delayShowDay',
				    id:'delayShowDay'
				},{
				    xtype:'displayfield',
				    fieldLabel: '延期原因',
				    name: 'remark',
				    width:900,
				    align: 'left',
				    id:'reason',
				    colspan:2
				},{
				    xtype:'displayfield',
				    fieldLabel: '经纪人',
				    name: 'agentName',
				    colspan:2
				},hisAuditRecords,fileAttachment,processHistoryPanel],
				dockedItems: [{
					hidden:processFlag,
		            xtype: 'toolbar',
		            dock: 'bottom',
		            ui: 'footer',
		            layout: {
		                pack: 'center'
		            },
		            items: [
		            {
		            	//hidden:processFlag,
						xtype: "button",
						text : "返回",
						id: "btn_back",
						name: "btn_back",
						icon : contextPath + '/resources/ExtJSicons/shape_move_backwards.png',
						listeners: {
							click: function(){
								history.go(-1);
							}
						}
					}]
		        }
		        ]
	   });
	   
	   fromPanelInfo.getForm().load({
			url:contextPath+'/customer/subscribe/loadRetreat',
			params:{'subscribeId':subscribeId,'businessAbnormaId':businessAbnormaId},
			success:function(form, action){
				 var obj = action.result.data;
				 var result=Ext.JSON.decode(obj);
				 fromPanelInfo.getForm().setValues(result);
				 //console.log(result);
				 var delayShowDay=result.delayShowDay
				 if(null==delayShowDay || delayShowDay==""){
					 var delayDate=result.delayDate;
			    	 var conversionSignDate=result.conversionSignDate;
			    	 var endE=Ext.util.Format.date(delayDate,'Y-m-d');
		    		 var startE=Ext.util.Format.date(conversionSignDate,'Y-m-d');
		    		 var end = new Date(endE);  
		             var start = new Date(startE); 
		    		 var sjjdpc = Math.round((end.getTime()-start.getTime()) / (86400000));
		    		 Ext.getCmp("delayShowDay").setValue(sjjdpc+"天");
				 }
			},   
			failure: function(form, action) {
		        Ext.Msg.alert("加载失败", action.result.errorMessage);
		    }

		});
	  
});